@charset "gb2312";
@import url(base.css);
.calendar{padding:10px;}
.item{color:#666;background:#fff;border:1px solid #ddd;outline:1px solid #fafafa;width:526px;padding:10px 8px;margin:0 10px 10px 0;float:left;}
.items table{border-collapse:collapse;}
.item:hover,.item-on{background:#EEF8FF;border:1px solid #95D5FF;color:#333;}
.item input.text,.item textarea.text{width:446px;border:1px solid #C4DDF7;padding:2px;font-family:Tahoma, Geneva, sans-serif;background:#FFF;font-size:12px;color:#666;outline:none;margin:0;line-height:1.4;height:17px;}
.item input.text:hover,.item textarea.text:hover{border-color:#8CB7F0;}
.item input.text:focus,.item textarea.text:focus,
.item input.textchanged,.item textarea.textchanged{background:#F4FEFF;color:#333;border-color:#8CB7F0;}

.item textarea.text{height:36px;}
.item .type select{width:55px;margin-right:5px;}
.item .loop input.text{width:80px;}
.item .name input.text,.item .kind input.text{width:360px;margin-right:3px;}
.item .name input.text{width:308px;}
.item input.delete,.item input.copythis{width:80px;}
.item select,.item option{color:#333;}

.item label{padding:0 0 0 2px;}
.item td,.item th{padding:2px;font-weight:400;}
.item th{vertical-align:top;text-align:left;line-height:2;width:60px;white-space:nowrap;}

.item .actived-select{padding:0 4px;color:#ccc;}
.item .actived-yes{color:#390;}

.item .attr{background:#f9f9f9;padding:6px 7px 9px;margin:0 -7px -9px;}
.item:hover .attr,.item-on .attr{background:#D2EDFF;}


.head,.foot{height:33px;border-bottom:1px solid #ccc;background:#fafafa;box-shadow: 0px 3px 3px #ccc;padding:10px 10px 0;
position:relative;
z-index:20;}
.head .savebutton,.foot .savebutton{float:left;}
.gamelist{float:right;}
.gameselect-hd{float:left;padding:3px 2px 0;}
.gameselect{float:left;position:relative;width:80px;border:1px solid #ccc;padding:3px 5px 0;background:#fff;height:20px;}
.gameselect-option{position:absolute;width:90px;top:23px;left:-1px;padding:0;background:#fff;border:1px solid #ccc;z-index:100;}
.gameselect a{float:left;width:82px;padding:3px 0 2px 8px;clear:both;}
.gameselect a,.gameselect a:visited{color:#333;}
.gameselect a:hover{background:#316AC5;color:#fff;text-decoration:none;}
.gameselect-arrow{width:0px;height:0px;overflow:hidden;background:#ccc;position:absolute;top:5px;right:3px;border:8px solid #ccc;border-color:#ccc #fff #fff #fff;border-width:14px 8px 0px 8px;cursor:pointer;}
.gameselect-current{padding:0 0 0 3px;position:absolute;top:2px;}

.foot{border-bottom:none;border-top:1px solid #ccc;box-shadow:none;clear:both;text-align:left;}
.preview{color:#00f;font-weight:700;}
/*#calendar{overflow:hidden;overflow-y:auto;}*/

.calendar-list{ width:95%; border:3px solid #D2EDFF; outline:1px solid #eee; min-height:260px; _height:260px; margin:10px auto; 
overflow:hidden;
position:relative;}
.calendar-list .hd{ background:#D2EDFF; font-size:14px; color:#333; padding:5px 5px 2px; height:25px; }
.cal-hd{ padding:2px 5px 1px; background:#DD4477; color:#fff; border-radius:5px; text-align:center;margin:0 1px;}
.date-today{float:left; line-height:24px;}
.date-select{float:right;font-size:12px;
line-height:22px;}
.date-select input.text{width:75px;padding:1px; vertical-align:middle;margin:-1px 0 0;}
.date-select .button{vertical-align:middle;margin:-1px 0 0;}
.date-select input,.date-select span{float:left;}
.date-select span{margin:0 2px;}


#calendar_list_holder{width:100%;overflow:hidden;}
#calendar_list_bd{float:left;padding:0 2px 0 0;}
.calendar-table{ border-collapse:collapse;float:left;margin-right:-1px;}
.calendar-table th,.calendar-table td{ border:1px solid #eee; border-style:none solid none;}
.calendar-table th{ border-bottom:3px solid #D2EDFF; padding:8px 0 7px; }
.calendar-table td{ min-height:260px;height:260px;}
.cal-ct{ padding:0; }
.cal-event{border-bottom:1px solid #eee;padding:5px 5px 3px; _height:20px; cursor:default;}
.cal-event:hover{background:#f0fdff; }
.cal-event a,.cal-event a:visited{ color:#333;clear:both;} 
.cal-event a:hover{ color:#333; }
.cal-event .cal-detail{display:none;}
.calendar-tips{ background:#FFF; border-radius:15px; border:1px solid #ccc; padding:15px 20px 13px; width:260px; margin:5px 0 30px; position:absolute; top:20px; left:20px;
z-index:100;}
.calendar-tips .cal-detail strong{}
.calendar-tips .cal-detail a,.calendar-tips .cal-detail a:visited{color:#DD4477;font-weight:700;}
.calendar-tips .cal-detail a:hover{color:#dd4477;}
.cal-detail p{padding:2px 0 2px 2px; line-height:1.4; color:#444;} 
.cal-detail h4{ padding:2px 0 3px; margin-bottom:6px; font-size:14px; border-bottom:1px solid #eee;}

/* creates the wider right-angled triangle */
.calendar-tips:before{ content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0 0;
	border-style:solid;
    border-color:#ccc transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the narrower right-angled triangle */
.calendar-tips:after {
	content:"";
	position:absolute;
	bottom:-19px; /* value = - border-top-width - border-bottom-width */
	left:41px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:19px 18px 0 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.calendar-tips-close{ border-radius:3px;  position:absolute; font-size:10px; color:#7bbeff; cursor:pointer; top:6px; right:8px; border:1px solid #7bbeff; width:11px; height:11px; overflow:hidden; text-align:center; line-height:10px; font-family:Tahoma; }
